<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
            js 
            函数、接口、方法、API是一样的。都是一个动作。
            文档 DOM： 获取元素，修改属性，生成 li
            browser BOM ： 刷新浏览器、前进、后退、更改尺寸
            BOM 的对象是 window。
            1. 全局对象，就是整个浏览器。
            2. 是一个接口，提供了很多操作浏览器的方法。

            window 默认省略
            声明的变量和方法都是 window 的属性和方法
        */
        console.log(window);
        console.log(window.name);
        // window.alert('123');

        var age = 10;
        function cook() {
            console.log('土豆炖牛肉');
        }
        console.log(window.age);
        window.cook();
    </script>
</body>
</html>